<template>
  <!-- 任何组件只能有唯一的一个根节点:HTML-->
  <div class="App">
       <h1>我是App根组件</h1>
       <Count/>
       <Tab/>
  </div>
</template>

<script>
//JS:需要对外暴露一个配置对象
import Count from '@/components/Count';
import Tab from '@/components/Tab';
export default {
  name: "App",
  //注册组件
  components:{
    Count,
    Tab
  }
};
</script>
<style>
* {
  margin: 0;
  padding: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
/* 样式的地方:纯纯CSS样式 */
.App {
  width: 100%;
  height: 100%;
  background: yellowgreen;
}
.App h1{
  text-align: center;
}
</style>